<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>019-ES6-class语法</title>
</head>
<body>
    <script>
        // 先来看看传统的定义构造函数的方式
        function Person(name){
            this.name = name;
        }
        Person.prototype.sayName = function(){
            console.log(this.name);
        }

        let person = new Person('mikaisa');
        person.sayName();


        let say = Symbol('say');
        // 再来看一看ES6中定义类的方式
        class Person2{
            constructor(name){
                this.name = name;
            }

            // 其实这就和上面传统写法挂在prototype里一个意思，只是class算是传统构造函数的语法糖，他会帮你把这个sayName方法挂到原型上
            sayName(){
                console.log(this.name);
            }

            // 使用[ ]可以读取变量的值作为方法名，而且可以结合Symbol防止命名冲突
            [say](){
                console.log('zzzzz');
            }
        }
        let person2 = new Person2('mks');
        person2.sayName();
        person2[say]();
    </script>
</body>
</html>